<extend name="Base:main" />
<block name="title">
<title>蔬菜外卖 - 食品标签</title>
</block>
<block name="main-content">
<div class="row">
	<div class="box col-md-12">
		<div class="box-inner">
			<div class="box-header well" data-original-title="">
				<h2>
					<i class="glyphicon glyphicon-user"></i>食品单位管理
				</h2>

				<div class="box-icon">
					<a href="#" class="btn btn-add btn-round btn-default"><i
						class="glyphicon glyphicon-plus"></i></a> <a href="#"
						class="btn btn-minimize btn-round btn-default"><i
						class="glyphicon glyphicon-chevron-up"></i></a> <a href="#"
						class="btn btn-close btn-round btn-default"><i
						class="glyphicon glyphicon-remove"></i></a>
				</div>
			</div>
			<div class="box-content">
				<div class="alert alert-info">对食品单位进行查看以及管理</div>
				<div class="loading col-sm-12 center">
					<img src="__PUBLIC__/img/ajax-loaders/ajax-loader-5.gif">
				</div>
				<table
					class="table table-striped table-bordered bootstrap-datatable datatable responsive"
					id="orderlist" style="display: none;">
					<thead>
						<tr>
							<th>序号</th>
							<th>食品类型</th>
							<th>食品标签</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<foreach name="list" item="v">
						<tr id="row_{$v.id}">
							<td><if condition="($_GET['p'] eq 0)">{++$i}<else />{++$i
								+ ($_GET['p']-1) * 20}</if></td>
							<td id="food_type_{$v.id}">{$v.food_type}</td>
							<td id="tag_name_{$v.id}">{$v.tag_name}</td>
							<td>
								<button class="btn btn-primary btn-xs"
									onclick="edit({$v['id']});">
									<i class="glyphicon glyphicon-edit icon-white"></i>
								</button>
								<button class="btn btn-danger btn-xs btn-delete" id="{$v.id}">
									<i class="glyphicon glyphicon-trash icon-white"></i>
								</button>
							</td>
						</tr>
						</foreach>
					</tbody>
				</table>
			</div>
			<!-- end box-content -->
		</div>
		<!-- end box-inner -->
	</div>
	<!-- end box -->
</div>
<!-- end row --> <!-- 删除菜单弹出框 -->
<div class="modal fade" id="myDeleteModal" tabindex="-1" role="dialog"
	aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">&times;</button>
				<h4 class="modal-title" id="myModalLabel">删除</h4>
			</div>
			<div class="modal-body">
				<p id="sccontent" name="sccontent" style="font-size: 15px">你确定要删除该菜谱吗？该操作不可恢复！</p>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
				<button type="button" class="btn btn-danger">确定</button>
			</div>
		</div>
	</div>
</div>


<!-- 编辑菜单弹出框 -->
<div class="modal fade" id="myEditModal" tabindex="-1" role="dialog"
	aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" style="width: 900px;">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">&times;</button>
				<h4 class="modal-title" id="myModalLabel">编辑</h4>
			</div>
			<div class="modal-body">
				<form class="form-horizontal style-form">
					<div class="form-group">
						<label class="col-sm-2 control-label">食品类型：</label>
						<div class="col-sm-10 ">
							<select id="food_type" name="food_type"
								class="form-control food_type"></select>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-2 control-label">食品标签：</label>
						<div class="col-sm-10">
							<input type="text" id="tag_name" name="tag_name"
								class="form-control">
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
				<button type="button" class="btn btn-danger">确定</button>
			</div>
		</div>
	</div>
</div>
<!-- 编辑菜单弹出框 -->
<div class="modal fade" id="myAddModal" tabindex="-1" role="dialog"
	aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" style="width: 900px;">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">&times;</button>
				<h4 class="modal-title" id="myModalLabel">添加</h4>
			</div>
			<div class="modal-body">
				<form class="form-horizontal style-form" id="form_add"
					action="__APP__/Admin/System/addInfo" method="post">
					<input type="hidden" name="action" value="foodTag">
					<div class="form-group">
						<label class="col-sm-2 control-label">食品类型：</label>
						<div class="col-sm-10 ">
							<select id="food_type" name="food_type"
								class="form-control food_type"></select>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-2 control-label">食品标签：</label>
						<div class="col-sm-10">
							<input type="text" id="tag_name" name="tag_name"
								class="form-control">
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
				<button type="button" class="btn btn-danger">确定</button>
			</div>
		</div>
	</div>
</div>
</block>
<block name="js-content"> <script>
var action = "foodTag";
var deleteUrl="__APP__/Admin/System/deleteInfo";
var getInfo="__APP__/Admin/System/getInfo";
var editUrl="__APP__/Admin/System/updateInfo";
var getFoodTypeurl="__APP__/Admin/System/getFoodType";
function getFoodType(){
	$.get(getFoodTypeurl,null,function(data){
		for(var j=0;j<data.length;j++){
			var str="<option value="+data[j]['type_name']+">"+data[j]['type_name']+"</option>";
			$(".food_type").append(str);
		}
	});
}
getFoodType();
//打开编辑的modal.
function  edit(id)
{
	$(".btn-danger").attr('id',id);
	$.post(getInfo,{id:id,action:action},function(data){
// 		console.log(data);
		$("#food_type").val(data.food_type);
		$("#tag_name").val(data.tag_name);
	});
	$("#myEditModal").modal('show');
}
$('#myEditModal').on('click','button.btn-danger',function (a){
// 		console.log(data);
	var id = $(".btn-danger").attr('id');
	var food_type = $("#food_type").val();
	var tag_name = $("#tag_name").val();
	$.post(editUrl,{id:id,action:action,food_type:food_type,tag_name:tag_name},function(data){
		if(data){
			alert('修改成功');
			$("#food_type_"+id).html(food_type);
			$("#tag_name_"+id).html(tag_name);
			$("#myEditModal").modal('hide');
		}else{
			alert('修改失败');
		}
	});
});
</script> </block>